import React , {useState,useEffect} from 'react';

import Button from 'react-bootstrap/Button';
import Modal from 'react-bootstrap/Modal';

import "./DialogGeneralCategoriesData.css" ;
import "./DialogSimple.css" ;


//单个内容窗口对话框
//props.isOpen
//props.onOk
//props.onCancel
//props.dialogTitle
//props.renderContent

function DialogSimple(props) {

    
    return (
        <Modal className="DialogSimpleModal"
        size="lg"
        show={props.isOpen}
        dialogClassName="rsbig-modal"
        contentClassName="rsbig-modal-content"
            >
            <div><span className='DialogGeneralCategoriesDataTitleSlash'></span>{props.dialogTitle}</div>
            <div  className="DialogSimpleContent">
                {
                    props.renderContent()
                }
            </div>            
            
            <div className="DialogGeneralCategoriesDataFooter">
                <Button 
                className='rsbig-button'
                style={{float:'left'}} 
                variant="secondary" size="sm"
                >帮助</Button>
                <Button 
                className='rsbig-button'
                style={{float:'right'}} 
                variant="secondary" size="sm"
                onClick={props.onCancel} >取消</Button>
                <Button 
                className='rsbig-button'
                style={{backgroundColor:'rgb(53, 151, 209)', float: 'right',marginRight:'10px'}}
                variant="primary" size="sm"
                onClick={props.onOk}>确定</Button>
                <div style={{clear:'both'}}></div>
            </div>
        </Modal>
    );
}



export default DialogSimple;